<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First Structured Website</title>
    <link rel="stylesheet" href="wk1ex3.css">
</head>
<body>
    <h1>My First Structured Website</h1> <!-- 受h1样式控制 -->
    </header>
    <nav>
        <p><a href="index.html">Home</a></p> <!-- 受nav的padding-left控制 -->
        <p><a href="products.html">Products</a></p>
        <p><a href="services.html">Services</a></p>
        <p><a href="about.html">About</a></p>
        <p><a href="contact.html">Contact</a></p>
    </nav>
    <main>
        <section>
            <h2>About Me</h2> <!-- 受h2样式控制 -->
            <h3>Bilbo Baggins</h3> <!-- 受h3样式控制 -->
            <ul>
                <li>ID: #33333333</li>
                <li>Favourite Food: Noodles</li>
                <li>Favourite Movie: Lord of the Rings</li>
                <li>Favourite Band: Pink Floyd</li>
            </ul>
            <img src="testimage.jpg" alt="my test image"> <!-- 受section的padding-left控制 -->
        </section>
    </main>
    <footer>
        <p>Copyright. All rights reserved. Bilbo Baggins.</p> <!-- 受footer p样式控制 -->
    </footer>

</body>
</html>